<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Hot Air Balloons
Description: A two-column, fixed-width design with dark color scheme.
Version    : 1.0
Released   : 20081210

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Hot Air Balloons by Free CSS Templates</title>

<style type="text/css"> 
*{
	margin: 0;
	padding: 0;
}
 
#table {
	width: 1000px;
	background: silver;
	margin: 0 auto;
	padding-top:0px;
	padding-bottom:1px;
	padding-left:1px;
	padding-right:0px;
}
 
#table ul{
	clear: left; 
	list-style: none; 
} 
 

#table li{
	margin-top:1px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:1px;
	background: white;
	max-height:100%; 
	width: 249px;
	float: left;
	border: none;
} 

.tabella {  
	background: silver;
	margin: 0 auto; 
}

.riga{
	clear: both;  
} 
 

.colonna{ 
	background: white; 
	width: 233px;
	float: left;
	border: none;
}   
  
  
  
.containertab {
    padding: 10px;
}


.headertab { 
    border: 3px double #FFFFFF;
    margin-bottom: 5px;
}

.float-left {
    float: left;
}

.margin-right {
    margin-right: 10px;
}
 
.margin-bottom {
		clear:both;
    margin-bottom: 10px;
}
 
.width125 {
    width: 125px;
}
 
.border {
        border: 0;
}
</style>
</head>
<body>
	<br/><br/>
	
<div class="containertab">
    <div class="headertab"></div>
    <div class="float-left margin-right width125" style="background: green;">Cella 1 Colonna 1</div>
    <div class="float-left margin-right width125">Cella 1 Colonna 2  df ff df f f f f df fd df fd f d fd d</div>
    <div class="float-left margin-right width125" style="background: green;">Cella 1 Colonna 3</div>
        <div class="margin-bottom"></div>
        <div class="float-left margin-right width125">Cella 2 Colonna 1</div>
    <div class="float-left margin-right width125" style="background: green;">Cella 2 Colonna 2</div>
    <div class="float-left margin-right width125">Cella 2 Colonna 3</div>
        <div class="margin-bottom"></div>
</div>	
	
	
	<br/><br/>
	<br/><br/>


<div class="tabella"  >
			<div class="riga"> 
				
				<div class="colonna" style="background: green;"> dddd </div> 
				<div class="colonna"> dddd </div> 
				<div class="colonna" style="background: green;"> dddd s</div> 
				<div class="colonna"> dddd </div> 
			</div> 
			
			<div class="riga" style="clear:both;"> 
				
				<div class="colonna" style="background: green;"> dddd </div> 
				<div class="colonna"> dddd </div> 
				<div class="colonna" style="background: green;"> dddd </div> 
				<div class="colonna"> dddd </div> 
			</div> 
</div>
  
   
<div id="table"  >
			<ul>
			 	<li> a1 hfhfh fh fh f hd hdhhfhfdh dfh dfh fdh fdh fdh dfh fd hfdh fdh dfh dfh dfh fdhfdh dfh fdh fdh fdfffffffffffffffffffffffffffffffffffff fffffffffffffffffffffffffffffffffffff </li>	
			 	<li> a2</li>	 
			 	<li  > a3</li>	
			 	<li> a4</li>	
			</ul>
			<ul>
			 	<li  > b1 </li>	
			 	<li> b2</li>	
			 	<li > b3</li>	
			 	<li> b4</li>	
			</ul>
</div>  

	<br/><br/>
	<br/><br/>
<table>
	<tr>
		<td  class="width125" style="background: green;"> a1 	</td>
		<td  class="width125" > a2 zzzzzzzzz zzzzzzzzzzzzzzzzzz zzzzzzzzz zzzzzzzzzzzzzzzzzzzz zzzzzzzzzzzzzzzzzzzzzzzzzzzz </td> 
	</tr>
	<tr>
		<td  class="width125" > b1 zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz	</td>
		<td  class="width125" style="background: green;"> b2 </td> 
	</tr>
</table>



<div id="table"  >
			<ul>
			 	<li style="background-color: red;"> a1 dhfdh dfh fdh fdh  ffffffffffff </li>	
			 	 
			</ul>
			<ul>
			 	<li style="background-color: green;;" > b1 </li>	 
			</ul>
			<ul>
			 	<li style="background-color: blue;;" > b1 </li>	 
			</ul>
</div>  
</body>
</html>
